<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>个人信息</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css">
    <link rel="stylesheet" href="../static/css/me.css">
</head>
<body>


<!--导航-->
<nav class="ui inverted attached segement m-padded-tb-mini">
    <!--    <div class="ui  container ">-->
    <div class="ui inverted menu">
        <h2 class=" ui teal header item">学生端</h2>
        <a href="index.html" class="item"><i class="home icon"></i>首页</a>
        <a href="personal_info.html" class="item"><i class="tag icon"></i>个人信息</a>
        <a href="major_info.html" class="item"><i class="tag icon"></i>专业信息</a>
        <a href="college_info.html" class="item"><i class="tag icon"></i>院系信息</a>
        <a href="#" class="item"><i class="power off icon"></i>退出登陆</a>

    </div>
    <!--    </div>-->


</nav>

<!--中间-->
<div>
    <h1>个人信息</h1>
    <table class="ui celled table">
        <thead>
        <tr><th>标题</th>
            <th>标题</th>
            <th>标题</th>
        </tr></thead>
        <tbody>
        <tr>
            <td>
                <div class="ui ribbon label">第一</div>
            </td>
            <td>空间</td>
            <td>空间</td>
        </tr>
        <tr>
            <td>空间</td>
            <td>空间</td>
            <td>空间</td>
        </tr>
        <tr>
            <td>空间</td>
            <td>空间</td>
            <td>空间</td>
        </tr>
        </tbody>
        <tfoot>
        <tr><th colspan="3">
            <div class="ui right floated pagination menu">
                <a class="icon item">
                    <i class="left chevron icon"></i>
                </a>
                <a class="item">1</a>

                <a class="icon item">
                    <i class="right chevron icon"></i>
                </a>
            </div>
        </th>
        </tr></tfoot>
    </table>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br><br>
    <br>
    <br>


</div>

<!--底部-->
<footer class="ui inverted vertical segment m-padded-tb-masstive">
    <div class="ui center aligned container">
        <div class="ui inverted divided grid">
            <div class="three wide column">
                <img src="../static/images/WechatIMG51.jpeg" class="ui rounded image ">
            </div>
            <div class="six wide column">
                <h4 class="ui inverted header m-opacity-mini">联系我们</h4>
                <div class="ui inverted link list">
                    <h4></h4>
                    <h4 class="m-opacity-mini">Email:coke3_workmail@163.com</h4>
                    <h4 class="m-opacity-mini">Phone:13697712513</h4>
                </div>
            </div>
            <div class="seven wide column">
                <h4 class="ui inverted header m-opacity-mini">About</h4>

                <p class="m-text-lined m-opacity-mini m-text-spaced m-text-thin">
                    这是一个学生学籍管理系统。这是一个学生学籍管理系统。这是一个学生学籍管理系统。这是一个学生学籍管理系统。这是一个学生学籍管理系统。这是一个学生学籍管理系统。这是一个学生学籍管理系统。这是一个学生学籍管理系统。这是一个学生学籍管理系统。
                </p>
            </div>
        </div>
        <div class="ui inverted section divider"></div>
        <p class="m-text-lined m-opacity-mini m-text-spaced m-text-thin"> jluzh jluzh jluzh jluzh jluzh</p>
    </div>

</footer>

<!--/*/<th:block th:replace="_fragments :: script">/*/-->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.js"></script>
<!--/*/</th:block>/*/-->
</body>

</html>